<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>语义化内容呈现</title>
		<style type="text/css">
		h1{
			color: #0000FF;
		}
		h2{
			color: #008800;
		}
		strong{
			color: red;
		}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">我的博客</h1>
		</header>
		<main>
			<aside>
				<nav>侧边导航</nav>
			</aside>
			<article>
				<section>
					<h2>2022年</h2>
					9月份进入大学进行军训
				</section>
				<section>
					12月份一年级上学期结束
				</section>
			</article>
			<article>
				<section>
					<h2>2023年</h2>
					二月份一年级下学期开始<br>
					开学两周进行了上学期<strong>期末考试补考</strong>
				</section>
			</article>
		</main>
		<footer>
			这是我个人的第一篇简单的博客
		</footer>
	</body>
</html>
